{% extends "base.xhtml" %}
{%load generic%}
{% block content%}

  <!-- Inicio do Div do meio Contener --> 

<div id="Contener">
  <div id="boxConteudo"> 
    
    <!-- Inicio Coluna A -->
    <div id="contHome-Coluna-A">
    <h3 class=" tituloVermelho">{{c_tits.tit1}}</h3>
      	{% for promoA in list_p1%}
        <div id="boxPromo-Cont"> 
          <img src="{%CDN%}img/promos/rapel1.jpg" width="230" height="150" alt="Promo" />
          <p class="txtPromo-Info">
          	<a href="#" class="link-Promo">
          		{{promoA}}
			</a>
		  </p>
        </div>
        <!--Div Promocoes-->
        <div class="div-cont-colunas"></div>
        <!--Fim Div Promocoes-->
        {% endfor %}
    </div>
    <!-- Fim Coluna A --> 
    
    <!-- Inicio Coluna B -->
    <div id="contHome-Coluna-B">
      <h3 class="tituloVerde"><span class="tituloVerdeSub">{{c_tits.tit2}}</span></h3>
      {% for promoB in list_p2%}
	    <div id="boxPromo-Cont"> 
	    	<img src="/static/img/imgLaser01.jpg" width="230" height="150" alt="Promo" />
	        <p class="txtPromo-Info">
	        	<a href="#" class="link-Promo">
	        	   {{ promoB }}	
				</a></p>
	      </div>
	      
	      <!--Div Promocoes-->
	      <div class="div-cont-colunas"></div>
	      <!--Fim Div Promocoes-->
	  {% endfor %}    
	    </div>
    <!-- Fim Coluna B --> 
    
    <!-- Inicio Coluna C -->
    <div id="contHome-Coluna-C">
    <h3 class="tituloLaranja">{{c_tits.tit3}}</h3>
    	{% for promoC in list_p3%}
      <div id="boxPromo-Cont"> <img src="/static/img/imgLaser01.jpg" width="230" height="150" alt="Promo" />
        <p class="txtPromo-Info">
        	<a href="#" class="link-Promo">
        	{{promoC }}
        	</a></p>
      </div>
      
      <!--Div Promocoes-->
      <div class="div-cont-colunas"></div>
      <!--Fim Div Promocoes-->
      {% endfor %} 
    </div>
    <!-- Fim Coluna C --> 

    <!-- Inicio Sidebar -->
    <div id="Sidebar">
    <form method='POST' name='form_news_mail' id="form_news_mail">
    	{% csrf_token %}
      <div id="boxNews"> <img src="/static/img/iconNews.png" width="180" height="57" />
        <label>
          <input name="news_mail" type="text" class="textNews" id="news_mail" />
        </label>
        <input type="image" src="/static/img/btnNewsEnviar.jpg" alt="Enviar" width="80" height="29" /> 
       </div>
    </form>
    
      <img src="/static/img/facebook.jpg" alt="Siga-nos Twitter" width="200" height="280" class="margBottomImg" /> 
      <img src="/static/img/imgTwiter.png" alt="Siga-nos Twitter" width="200" height="78" /> </div>
    <!-- Fim Sidebar -->
    <div class="clearFloat"></div>
  </div>
</div>
<!-- Fim do Div do meio Contener --> 
{% endblock%}